<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 引入APlayer和MetingJS的CSS和JS文件 -->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/chaoyong213/demo@2.0/aplayer.1.10.1.min.css">
    <!-- <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script> -->
    <script src="https://cdn.jsdelivr.net/gh/chaoyong213/demo@2.0/aplayer.1.10.1.min.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script> -->
    <script src="https://cdn.jsdelivr.net/gh/chaoyong213/demo@2.0/meting.2.0.1.min.js"></script>
    <title>Document</title>
    <script type="text/javascript">
        console.log("%c ⚡ Powered by Aone %c 你正在访问 .", "color:white; background-color:#f0ad4e", "")
        console.log(`%c NCC2-036 %c 调用前置摄像头拍照成功，识别为【小笨蛋】. %c \nPhoto captured:  %c\n🤪\n`, "color:white; background-color:#4fd953", "", "", 'background:url("https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/tinggge.gif") no-repeat;font-size:450%')
        console.log(`%c %c \n大家好\n%c 练习时长两年半 %c jpg `,
  ` padding: 20px 50px;
    background-image: url("");
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;`, 
  'color: #3eaf7c; font-size: 16px;margin-bottom: 10px;',
  'background: #35495e; padding: 4px; border-radius: 3px 0 0 3px; color: #fff', 
  'background: #41b883; padding: 4px; border-radius: 0 3px 3px 0; color: #fff',
);
console.warn("%c ⚡ 这是一个警告信息 %c 你现在正处于%c 监控 %c中.", "padding: 4px; border-radius: 3px; color:white; background-color:#f0ad4e", "","padding: 4px; border-radius: 3px;color:white; background-color:#d9534f","")
    </script>
    <style type="text/css">
      .footer{
            width:100%;
            position: fixed;
/*            top: 0;*/
            left: 0;
        } }
        .footer {
            background: rgba(255, 255, 255, 0);
            color: #000;
            border-top-right-radius: 20px;
            border-top-left-radius: 20px;
            backdrop-filter: saturate(100%) blur(5px)
        }

        .footer::before {
            background: rgba(255,255,255,0)
       }
    </style>
</head>
<body>


    
    <!-- 使用<meting-js>标签配置播放器 -->
    <meting-js server="netease" type="playlist"  id="736760407" fixed="true" order="random"></meting-js>
    <!-- <meting-js server="netease" type="playlist"  id="12465955978"></meting-js> -->
    <!-- fixed="true" -->
    <div class="footer">
        
    <footer id="footer-wrap"></footer>
    </div>
   <!--  <div id="footer">
        <div id="jsi-flying-fish-container"></div>
    </div> -->

    <script src="https://cdn.jsdelivr.net/gh/chaoyong213/demo@2.0/jquery-1.8.3.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/chaoyong213/demo@2.0/fishs.js"></script>

    <!-- <script src="https://cdn.jsdelivr.net/gh/chaoyong213/demo/fish.js"></script> -->
    
    <!-- //雪花特效 -->
    <!-- <script src="https://cdn.jsdelivr.net/gh/xh8039/static-assets/public/js/snow-falling.min.js"></script> -->
    <script src="https://cdn.jsdelivr.net/gh/chaoyong213/demo@2.0/snow-falling.min.js"></script>
</body>
</html>